
a {
    padding: 0px 2px 0px 2px;
}

/* Container */

#container {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* Navigation */

#navigation {
    text-align: center;
    margin-bottom: 20px;
}

/* Content */

/* Filter */

#filter {
    float:left;
    width: 195px;
    margin: 0px 5px 10px 0px;
}

#filter_data {
    width: 195px;
}

#filter_data_grab {
    width: 15px;
}

#id_filter_shr_input {
    width: 155px;
    margin: 6px;
}

#data_filter_long {
    margin: 6px;
}

/* Input */

#input {
    float:right;
    width: 595px;
    margin: 0px 0px 10px 5px;
}

#add_data {
    width: 595px;
}

#add_data_grab {
    width: 15px;
}

#id_add_shr_input {
    width: 555px;
    margin: 6px;
}

/* Separator */

#separator {
    clear: both;
}

/* Categories */

#categories {
    float: left;
}

.cat_grab,
#add_cat_grab {
    width: 15px;
}

.cat_title {
    margin: 6px 2px 6px 2px;
    width: auto;
}

.cat_l1 {
    width: 195px;
    margin-bottom: 2px;
}

.cat_l2 {
    width: 183px;
    margin-left: 12px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.cat_l3 {
    width: 171px;
    margin-left: 24px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.cat_l4 {
    width: 159px;
    margin-left: 36px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.cat_manage {
    margin-top: 4px;
}

.cat_visibility {
    float: left;
    margin-left: 2px;
}

.cat_remove {
    float: right;
    margin-right: 2px;
}

#cat_add{
    margin-top: 8px;
}

#add_cat_data #id_title {
    margin: 6px;
    width: 157px;
}

#id_add_cat_parent,
#id_del_cat_id,
#id_edt_cat_id {
    display: none;
}

#cat_btn_add,
#cat_btn_edt {
    float: left;
    margin-left: 6px;
}

#cat_btn_cnl,
#cat_btn_edt_cnl {
    float: right;
    margin-right: 6px;
}

#id_edt_cat_title {
    margin: 6px;
}

.cat_l1 #id_edt_cat_title{
    width: 157px;
}

.cat_l2 #id_edt_cat_title {
    width: 145px;
}

.cat_l3 #id_edt_cat_title {
    width: 133px;
}

.cat_l4 #id_edt_cat_title {
    width: 121px;
}

/* Data */

.data {
    float:right;
    width: 595px;
    margin: 0px 0px 20px 5px;
}

.data > table {
    width: 595px;
}

.dat_grab {
    width: 15px;
}

.data_state {
    margin: 12px;
}

/* Notes */

.note_header {
    float: left;
}

.note_title {
    margin: 6px 2px 0px 2px;
    width: auto;
}

.note_category {
    clear: both;
    margin: 0px 6px 6px 6px;
}

.note_marks {
    float: right;
    margin: 6px 2px 6px 2px;
    height: 31px;
}

.note_details {
    clear: both;
}

.note_importance {
    float: left;
    margin: 6px 6px 0px 6px;
}

.note_priority {
    float: right;
    margin: 6px 6px 0px 6px;
}

.note_description {
    clear: both;
    padding: 20px 6px 20px 6px;
}

.note_type {
    clear: both;
    margin-left: 210px;
    margin-bottom: 6px;
}

.note_manage {
    clear: both;
}

.importance {
    width: 15px;
}

.complexity {
    width: 15px;
}

.priority {
    width: 15px;
}

.note_btn_edt_title,
.note_btn_edt_desc {
    float: left;
    margin-left: 6px;
}

.note_btn_edt_title_cnl {
    float: right;
    margin-right: 15px;
}

.note_btn_edt_desc_cnl {
    float: right;
    margin-right: 6px;
}

.note_btn_arh,
.note_btn_res,
.note_btn_add_add {
    float: left;
    margin-left: 6px;
    margin-bottom: 6px;
}

.note_btn_del,
.note_btn_add_cnl {
    float: right;
    margin-right: 6px;
    margin-bottom: 6px;
}

#id_edt_note_id,
#id_edt_note_importance,
#id_edt_note_priority,
#id_edt_note_type,
#id_arh_note_id,
#id_del_note_id,
#id_res_note_id,
#id_add_note_category {
    display: none;
}

#id_edt_note_title {
    margin: 6px;
    width: 490px;
}

#id_edt_note_description {
    width: 555px;
    height: 50px;
    margin: 20px 6px 6px 6px;
}

.note_title_edit input,
.note_description_edit input {
    margin-bottom: 6px;
}

#data_input_title,
#data_input_description,
#data_input_importance {
    margin: 6px;
}

#id_add_note_title {
    margin-left: 48px;
    width: 459px;
}

#id_add_note_description {
    width: 457px;
    height: 50px;
}

#id_add_note_importance {
    margin: 0px;
    margin-left: 16px;
}

#data_input_description label {
    vertical-align: top;
}

#data_input_priority_label {
    float: left;
    margin: 6px;
    margin-right: 27px;
}

#data_input_priority ul {
    margin: 0px;
    padding: 0px;
    float: none;
}

#data_input_priority li {
    float: left;
    margin: 6px;
}

#data_input_priority input {
    margin: 0px;
}

#data_input_long br {
    clear: both;
}

/* Header */

#header {
    padding-bottom: 20px;
}

#hdr_home {
    position: relative;
}

#hdr_signup,
#hdr_login,
#hdr_logout {
    float: right;
    margin-left: 10px;
}

/* Footer */

#footer {
    clear: both;
    padding-top: 20px;
}
